p5.js 宿題2
課題
変数と繰り返し(for もしくは while) を使い、1つの形と1つの変数から、2つの模様を作ってみよう
形状は自由。丸でも四角でも多角形でもよい。
回答例
https://gyazo.com/ef86f83d3dce80bd41022c94735577fe https://gyazo.com/3d43f3b231e353fa68e70b386462f69c
code: homework2.js
var x = 60; //この変数だけ変える
function setup() {
createCanvas(400, 400);
}
function draw() {
colorMode(HSB, 360, 100, 100);
//色指定をRGBからHSB(Hue, Saturation, Brightness)に
background(0, 0, 100);
noStroke();
for(j = 0 ; j <= 400; j += x){
for(i =0; i <= 400; i += x*0.5){
fill((i+j)/800*360, 80, 90);
beginShape();
vertex(i, j);
vertex(i+30, j+10);
vertex(i+30, j+30);
vertex(i, j+40);
endShape(CLOSE);
}
}
}
提出方法
Unipaを参照
Previewのスクリーンショットを添付する
記述欄にp5.jsのコードをコピペする
〆切
2019年10月31日(木)23時59分まで